<!DOCTYPE html>
<html lang="zh-cn">
<head>
  <meta charset="utf-8">
  <!--
  Customize this policy to fit your own app's needs. For more guidance, see:
      https://github.com/apache/cordova-plugin-whitelist/blob/master/README.md#content-security-policy
  Some notes:
      * gap: is required only on iOS (when using UIWebView) and is needed for JS->native communication
      * https://ssl.gstatic.com is required only on Android and is needed for TalkBack to function properly
      * Disables use of inline scripts in order to mitigate risk of XSS vulnerabilities. To change this:
          * Enable inline JS: add 'unsafe-inline' to default-src
  -->
  <meta http-equiv="Content-Security-Policy"
        content="default-src * 'self' 'unsafe-inline' 'unsafe-eval' data: gap: content:">
  <meta name="viewport"
        content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, minimal-ui, viewport-fit=cover">
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="default">
  <meta name="theme-color" content="#2196f3">
  <meta name="format-detection" content="telephone=no">
  <meta name="msapplication-tap-highlight" content="no">
  <title>My App</title>

  <link rel="stylesheet" href="framework7/css/framework7.min.css">
  <link rel="stylesheet" href="css/icons.css">
  <link rel="stylesheet" href="css/app.css">

</head>
<body>
<div id="app">
  <!-- Status bar overlay for fullscreen mode-->
  <div class="statusbar"></div>
  <!-- Right panel with reveal effect-->
  <div class="panel panel-right panel-reveal theme-dark">
    <div class="view">
      <div class="page">
        <div class="navbar">
          <div class="navbar-inner">
            <div class="title">Right Panel</div>
          </div>
        </div>
        <div class="page-content">
          <div class="block">Right panel content goes here</div>
        </div>
      </div>
    </div>
  </div>

  <!-- Your main view, should have "view-main" class -->
  <div class="view view-main ios-edges">
    <!-- Page, data-name contains page name which can be used in callbacks -->
    <div class="page" data-name="home">
      <!-- Top Navbar -->
      <div class="navbar">
        <div class="navbar-inner">
          <div class="title sliding">办公 OA</div>
        </div>
      </div>
      <!-- Scrollable page content-->
      <div class="page-content">
        <div class="block block-strong">
          <div class="block-header">我的事项</div>
          <dl>
            <a href="/todo-lists-component/">
              <dt><img src="imgs/welcome/dbsy.png" alt=""></dt>
              <dd>待办事宜</dd>
            </a>
          </dl>
          <dl>
            <dt><img src="imgs/welcome/ybsy.png" alt=""></dt>
            <dd>已办事宜</dd>
          </dl>
          <dl>
            <dt><img src="imgs/welcome/bjsy.png" alt=""></dt>
            <dd>办结事宜</dd>
          </dl>
          <dl>
            <dt><img src="imgs/welcome/wdqq.png" alt=""></dt>
            <dd>我的请求</dd>
          </dl>
        </div>

        <div class="block block-strong">
          <div class="block-header">公文公告</div>
          <a href="/notice-component/">
            <dl>
              <dt><img src="imgs/welcome/tzgg.png" alt=""></dt>
              <dd>通知公告</dd>
            </dl>
          </a>
          <dl>
            <a href="/doccenter-list-component/">
              <dt><img src="imgs/welcome/gwzx.png" alt=""></dt>
              <dd>公文中心</dd>
            </a>
          </dl>
        </div>


        <div class="block block-strong">
          <div class="block-header">日程会议</div>
          <dl>
            <a href="/schedule-component/">
              <dt><img src="imgs/welcome/wdrc.png" alt=""></dt>
              <dd>我的日程</dd>
            </a>
          </dl>
          <dl>
            <dt><img src="imgs/welcome/wdhy.png" alt=""></dt>
            <dd>我的会议</dd>
          </dl>
        </div>
      </div>
    </div>
  </div>

  <!-- Popup -->
  <!-- todo-lists-page-popup -->
  <div class="popup todo-lists-popup">
    <div class="view">
      <div class="page-content">
        <form class="list" id="todo-lists-form">
          <ul>
            <li>
              <div class="item-content item-input">
                <div class="item-inner">
                  <div class="item-title item-label">标题</div>
                  <div class="item-input-wrap">
                    <input type="text" name="title">
                  </div>
                </div>
              </div>
            </li>

            <li>
              <div class="item-content item-input">
                <div class="item-inner">
                  <div class="item-title item-label">流程类型</div>
                  <div class="item-input-wrap">
                    <select name="processType">
                      <option value="001" selected>类型1</option>
                      <option value="002">类型2</option>
                    </select>
                  </div>
                </div>
              </div>
            </li>

            <li>
              <div class="item-content item-input">
                <div class="item-inner">
                  <div class="item-title item-label">创建人</div>
                  <div class="item-input-wrap">
                    <input type="text" name="createPeople">
                  </div>
                </div>
              </div>
            </li>
            <li class="todo-lists-data-picker-btns">
              <div class="item-content item-input">
                <div class="item-inner">
                  <div class="item-title item-label">创建日期</div>
                  <div class="item-input-wrap">
                    <div class="block">
                      <div class="row ">
                        <button type="button" data-date-type='all' class="col button button-fill active">全部</button>
                        <button type="button" data-date-type='bz' class="col button button-fill">本周</button>
                        <button type="button" data-date-type='by' class="col button button-fill">本月</button>
                      </div>
                    </div>
                    <div class="block">
                      <div class="row">
                        <button type="button" data-date-type='bj' class="col button button-fill">本季</button>
                        <button type="button" data-date-type='bn' class="col button button-fill">本年</button>
                        <button type="button" data-date-type='zdy' class="col button button-fill">自定义</button>
                      </div>
                    </div>
                  </div>
                  <div class="todo-lists-date-picker">
                    <div class="item-title item-label">起始时间</div>
                    <div class="item-input-wrap">
                      <input type="date" value="2014-04-30" placeholder="Please choose...">
                    </div>
                    <div class="item-title item-label">截止时间</div>
                    <div class="item-input-wrap">
                      <input type="date" value="2014-04-30" placeholder="Please choose...">
                    </div>
                  </div>
                </div>
              </div>
            </li>
          </ul>
        </form>
        <div class="popup-footer">
          <p class="segmented segmented-raised">
            <button class="button reset">重置</button>
            <button class="button button-active serche">搜索</button>
          </p>
        </div>

      </div>
    </div>
  </div>

  <!-- doccenter-lists-page-popup -->
  <div class="popup doccenter-lists-popup">
    <div class="view">

      <div class="page-content">
        <form class="list" id="doccenter-lists-form">
          <ul>
            <li>
              <div class="item-content item-input">
                <div class="item-inner">
                  <div class="item-title item-label">标题</div>
                  <div class="item-input-wrap">
                    <input type="text" name="title">
                  </div>
                </div>
              </div>
            </li>

            <li>
              <div class="item-content item-input">
                <div class="item-inner">
                  <div class="item-title item-label">字号类型</div>
                  <div class="item-input-wrap">
                    <select name="processType">
                      <option value="001" selected>字号类型1</option>
                      <option value="002">字号类型2</option>
                    </select>
                  </div>
                </div>
              </div>
            </li>

            <li class="doccenter-lists-data-picker-btns">
              <div class="item-content item-input">
                <div class="item-inner">
                  <div class="item-title item-label">创建日期</div>
                  <div class="item-input-wrap">
                    <div class="block">
                      <div class="row ">
                        <button type="button" data-date-type='all' class="col button button-fill active">全部</button>
                        <button type="button" data-date-type='bz' class="col button button-fill">本周</button>
                        <button type="button" data-date-type='by' class="col button button-fill">本月</button>
                      </div>
                    </div>
                    <div class="block">
                      <div class="row">
                        <button type="button" data-date-type='bj' class="col button button-fill">本季</button>
                        <button type="button" data-date-type='bn' class="col button button-fill">本年</button>
                        <button type="button" data-date-type='zdy' class="col button button-fill">自定义</button>
                      </div>
                    </div>
                  </div>
                  <div class="doccenter-lists-date-picker">
                    <div class="item-title item-label">起始时间</div>
                    <div class="item-input-wrap">
                      <input type="date" value="2014-04-30" placeholder="Please choose...">
                    </div>
                    <div class="item-title item-label">截止时间</div>
                    <div class="item-input-wrap">
                      <input type="date" value="2014-04-30" placeholder="Please choose...">
                    </div>
                  </div>
                </div>
              </div>
            </li>
          </ul>
        </form>
        <div class="popup-footer">
          <p class="segmented segmented-raised">
            <button class="button reset">重置</button>
            <button class="button button-active serche">搜索</button>
          </p>
        </div>

      </div>
    </div>
  </div>

  <!-- Login Screen -->
  <div class="login-screen" id="my-login-screen">
    <div class="view">
      <div class="page">
        <div class="page-content login-screen-content">
          <div class="login-screen-title">Login</div>
          <div class="list">
            <ul>
              <li class="item-content item-input">
                <div class="item-inner">
                  <div class="item-title item-label">Username</div>
                  <div class="item-input-wrap">
                    <input type="text" name="username" placeholder="Your username">
                  </div>
                </div>
              </li>
              <li class="item-content item-input">
                <div class="item-inner">
                  <div class="item-title item-label">Password</div>
                  <div class="item-input-wrap">
                    <input type="password" name="password" placeholder="Your password">
                  </div>
                </div>
              </li>
            </ul>
          </div>
          <div class="list">
            <ul>
              <li>
                <a href="#" class="item-link list-button login-button">Sign In</a>
              </li>
            </ul>
            <div class="block-footer">Some text about login information.<br>Click "Sign In" to close Login Screen</div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<!-- Cordova -->
<!--
<script src="cordova.js"></script>
-->

<!-- Framework7 library -->
<script src="framework7/js/framework7.min.js"></script>

<!-- App routes -->
<script src="js/routes.js"></script>

<!-- Your custom app scripts -->
<script src="js/app.js"></script>
</body>
</html>
